PLZ CLI
CLI toolkit for frontend web dev at rexlabs, enabling you to:
- generate new apps and npm packages
- preview UI with Webpack Dev Server and Storybook
- run tests with Jest and Storyshots
- build distributions with Babel and Webpack
The latest version of plz comes with webpack 4, babel 7, jest 24 and storybook 5, as well as everything needed to support React 16.9 😊
Why? — Rationale
"Oh geez, another front dev tool" ... wrong!
This is a kit of tools - it says so in the first sentence. It is 💯 gud.
Frontend development is filled to the brim with open source tools like webpack, babel, jest and storybook. As great as they are, they're difficult to configure, don't play nice together, and each new tool introduces learning curves. Boo.
Rather than we all struggling through the pains of configuration setup and maintenance, in each app and package we build @ rexlabs, we invest all that tooling focus into plz. It can sit in front of these tools, with a bunch of sane default configurations and hacks, to then be consistently employed in our projects. Devs are given the opportunity to forget about tooling woes, freeing their minds for better tasks. What a pleasant experience!
Why not just use create-react-app?
CRA, or more specifically react-scripts, is an amazing toolkit and one of the starters of this trend we're now seeing. However, it is (for very good reasons) very opinionated when it comes to the ability to customise it. We needed something a little bit more flexible, since every app after all is different and will have different requirements to certain extends.
Also, we wanted a toolkit that would allow us to build all kinds of projects, not just apps. Since we heavily invest in building centralised components and solutions in form of npm libraries, we were looking for a toolkit that could sit on top of any form of project. This is exactly what plz does 😊
Guides
- How to get started with a dev environment
- What are project types?
- How do i create new projects/components/modules?
- How do I use custom templates?
- How to set up Storybook
- How to setup testing
- How to use a proxy in dev
- How to enable TypeScript support